<template>
  <el-row>
    <el-button size="large" type="primary">buttonCont</el-button>
    <el-button type="primary">buttonCont</el-button>
    <el-button size="small" type="primary">buttonCont</el-button>
  </el-row>
  <!-- element-plus 按需引入 -->
  <el-row>
    <el-config-provider size="small">
      <el-button>Default</el-button>
      <el-button type="primary">Primary</el-button>
      <el-button type="success">Success</el-button>
      <el-button type="info">Info</el-button>
      <el-button type="warning">Warning</el-button>
      <el-button type="danger">Danger</el-button>
    </el-config-provider>
  </el-row>
  <el-row>
    <el-config-provider :locale="locale" size="large">
      <el-date-picker v-model="vv" placeholder="请选择一个日期" type="datetime"/>
    </el-config-provider>
  </el-row>
</template>
<script lang="ts" setup>
import {ref} from 'vue'
import zhcn from "element-plus/es/locale/lang/zh-tw"

const locale = ref(zhcn)
const vv = ref('')
</script>
<style scoped>
.el-row {
  margin: 15px;
}
</style>
